<template>
  <a-breadcrumb
    :item-render="itemRender"
    :params="params"
    :routes="routes"
    :separator="separator"
  >
    <template v-if="$slots.separator" #separator>
      <slot name="separator" />
    </template>
    <slot />
  </a-breadcrumb>
</template>

<script>
import { defineComponent } from 'vue'
import { Breadcrumb } from 'ant-design-vue'
export default defineComponent({
  name: 'ZBreadcrumb',
  components: {
    ABreadcrumb: Breadcrumb
  },
  props: {
    itemRender: {
      type: Function,
      default: undefined
    },
    params: {
      type: Object,
      default: undefined
    },
    routes: {
      type: Array,
      default: undefined
    },
    separator: {
      type: String,
      default: '/'
    }
  }
})
</script>
